.upg {
  &_integration_document {
    :global {
      .content {
        padding: 3px 0 3px 3px;

        .tool-trash {
          margin-bottom: 6px;
        }

        .button {
          button {
            margin-right: 12px;
          }

          .keyword {
            float: right;
            margin-right: 16px;
            padding-top: 3px;
          }
        }

        .search {
          text-align: right;
        }

        .navigation {
          line-height: 40px;
          height: 40px;

          .ant-breadcrumb {
            line-height: 40px;
            height: 40px;
          }

          .ant-divider {
            height: 18px;
          }
        }

        .ant-table {
          td {
            padding-top: 4px;
            padding-bottom: 8px;
          }

          .cell-icon {
            img {
              width: 36px;
              height: 36px;
            }

            label {
              margin-left: 8px;
              margin-top: 4px;
              display: inline-block;
              height: 36px;
              line-height: 36px;
              vertical-align: bottom;

              &:hover {
                cursor: text;
              }
            }

            .name {

              &-hint {
                color: #B7B7B7;
                font-size: 12px;
              }

              &-title {
                margin-right: 3px;
              }
            }
          }
        }
      }

      .left {
        padding-right: 6px;

        .tree {
          background-color: #f2f2f2;

          .ant-card-body {
            overflow-y: auto;
            padding: 0;
          }

          .ant-card-actions {
            .card-action {
              &:hover {
                cursor: pointer;
              }

              img {
                width: 21px;
                height: 21px;
                margin-right: 8px;
              }

              label {
                display: inline-block;
                line-height: 24px;
                height: 24px;

                &:hover {
                  cursor: pointer;
                }
              }
            }

            .card-action-disabled {
              opacity: 0.5;

              &:hover {
                cursor: not-allowed;
              }

              img {
                filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=100) !important;
                -webkit-filter: grayscale(100%) !important;
              }
            }
          }

          i {
            svg {
              width: 16px;
              height: 16px;
            }
          }

          .ant-tree-title {
            color: #2b2b2b;
            margin-left: 8px;
          }

          .ant-tree-node-selected {
            .ant-tree-title {
              color: white;
            }
          }
        }
      }
    }
  }
}